import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from 'material-ui';

import typographyStyle from 'variables/styles/typographyStyle.jsx';

function Small({ ...props }) {
  const { classes, children } = props;
  return (
    <div className={`${classes.defaultFontStyle} ${classes.smallText}`}>
      {children}
    </div>
  );
}

Small.propTypes = {
  classes: PropTypes.object.isRequired,
};

export default withStyles(typographyStyle)(Small);
